<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Thymeleaf Example</title>
    <!-- 使用Thymeleaf来动态设置页面的标题 -->
<!--    <th:block th:replace="fragments/header :: header"></th:block>-->
    <!-- 假设你有一个header片段文件在fragments目录下 -->
    <!--
        1. ${}
        2. @{}
        3. #{}
        4. ~{}
        5. th:if, th:unless
        6. th:each

    -->

</head>
<body>
<h1 th:text="'Hello, ' + ${name} + '!'">Hello, World!</h1>
<!-- 使用th:text属性来动态替换文本内容 -->

<p th:if="${needMessage}">
    This is a conditionally displayed message.
</p>
<!-- 使用th:if属性来条件性地显示元素 -->

<ul>
    <li th:each="user : ${users}" th:text="${user.name}">Item Name</li>
    <!-- 使用th:each属性来迭代集合并显示每个元素 -->
</ul>
<!--  @{/submit}    springboot/submit -->
<form th:action="@{/user/submit}"  method="post">
    <label for="username">Username:</label>
    <input type="text" id="username" name="username" /><br/>
    <!-- 使用th:field属性来绑定表单字段 -->

    <label for="password">Password:</label>
    <input type="password" id="password" name="password" /><br/>
    <input type="submit"/>
</form>

<p th:utext="'Raw HTML content: &lt;b&gt;' + ${rawHtml} + '&lt;/b&gt;'">Raw HTML content: <b>default</b></p>
<!-- 使用th:utext属性来显示未转义的HTML内容 -->

<div th:replace="~{/fragments/footer :: footer2}">

</div>
<!-- 假设你有一个footer片段文件在fragments目录下 -->
</body>
</html>